.flex-row {
  display: flex;
  flex-direction: row;
}
.row-center {
  justify-content: center;
}
.row-between {
  justify-content: space-between;
}
.row-end {
  justify-content: end;
}
.column-center {
  align-items: center;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.row-wrap {
  flex-wrap: wrap;
}
// 分页样式------开始
/*.el-pagination.is-background {
  text-align: right;
  margin-top: 10px;
  .btn-next,
  .btn-prev,
  .el-pager li {
    background: linear-gradient(180deg, rgba(33,160,229,0.2) 0%, rgba(39,100,165,0.2) 100%);
    box-shadow: inset 0 0 10px 0 rgba(63, 255, 236, .4);
    color: #fff;
  }
  .el-pager li:not(.disabled):hover,
  .el-pager li:not(.disabled).active {
    background: linear-gradient(180deg, rgba(33,160,229,0.1) 0%, rgba(39,100,165,0.1) 100%);
    box-shadow: inset 0 -12px 14px 2px rgba(63, 255, 236, .5);
    color: #fff;
    font-weight: 600;
  }
  .btn-next.disabled,
  .btn-next:disabled,
  .btn-prev.disabled,
  .btn-prev:disabled,
  .el-pager li.disabled {
    color: rgba(255, 255, 255, .6)
  }
  .el-pagination__jump,
  .el-pagination__total {
    color: #fff;
  }
  .el-input__inner {
    background: linear-gradient(180deg, rgba(33,160,229,0.2) 0%, rgba(39,100,165,0.2) 100%);
    box-shadow: inset 0 0 10px 0 rgba(63, 255, 236, .4);
    border: none;
    color: #fff;
  }
}
.el-select-dropdown {
  background: linear-gradient(180deg, rgba(33,160,229,0.2) 0%, rgba(39,100,165,0.2) 100%);
  box-shadow: inset 0 0 10px 0 rgba(63, 255, 236, .4);
  border: none;
  color: #fff;
  span {
    color: #fff;
  }
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background: linear-gradient(180deg, rgba(33,160,229,.4) 0%, rgba(39,100,165,.4) 100%);
  box-shadow: inset 0 0 10px 0 rgba(63, 255, 236, .4);
}
.el-select-dropdown__item.selected {
  color: rgba(63, 255, 236, 1);
}*/
// 分页样式------结束
// 按钮和导航背景
.btn-nav-bg {
  //background: url('../images/btn_nav_bg.png') no-repeat;
  background: url('../images/normal-btn-nav.png') no-repeat;
  &.item-nav {
    height: 24px;
    width: 160px;
    line-height: 24px;
    //background-position: -175px -85px;
    background-size: 100% 100%;
    //font-family: youshebiaoti;
    text-align: center;
    color: #fff;
    font-size: 18px;
    white-space: nowrap;
    position: relative;
    margin-left: 20px;
    &:before {
      position: absolute;
      content: "";
      left: 1px;
      bottom: -2px;
      width: 2px;
      height: 15.5px;
      background: linear-gradient(180.16deg, #32ffe6 .14%, rgba(50, 255, 230, 0) 97.46%);
      transform: matrix(.89, -0.45, .99, .87, 0, 0);
      display: inline-block;
    }
    &:after {
      position: absolute;
      content: "";
      top: 0;
      right: -1px;
      width: 2px;
      height: 15.5px;
      background: linear-gradient(180.16deg, #32ffe6 .14%, rgba(50, 255, 230, 0) 97.46%);
      transform: matrix(.89, -0.45, .99, .87, 0, 0);
      display: inline-block;
    }
    &.active {
      //background-position: 0 -85px;
      background: url('../images/active-btn-nav.png') no-repeat;
      background-size: 100% 100%;
      color: #40e6f0;
    }
  }
  &.sub-title {
    padding-left: 25px;
    height: 19px;
    width: 301px;
    line-height: 19px;
    background-position: 0 -65px;
    font-family: youshebiaoti;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    color: #fff;
  }
  &.main-title {
    padding-left: 79px;
    width: 777px;
    height: 65px;
    line-height: 48px;
    background-position: 0 0;
    box-sizing: border-box;
    font-family: youshebiaoti;
    color: #D8F2FF;
    font-size: 20px;
  }
  &.main-title-small {
    padding-left: 79px;
    width: 366px;
    height: 37px;
    line-height: 23px;
    background: url("~@/assets/images/main-title-small.png") no-repeat;
    background-size: 100% 100%;
    //background-position: 0 0;
    box-sizing: border-box;
    font-family: youshebiaoti;
    color: #D8F2FF;
    font-size: 20px;
  }
  &.main-title-middle {
    //padding-left: 79px;
    //width: 456px;
    //height: 38px;
    //line-height: 24px;
    //background: url("~@/assets/images/main-title-middle-dl.png") no-repeat;
    //background-size: 100% 100%;
    ////background-position: 0 0;
    //box-sizing: border-box;
    //font-family: youshebiaoti;
    //color: #D8F2FF;
    //font-size: 20px;
  }
  &.stripe-btn {
    //display: inline-block;
    //height: 28px;
    //line-height: 28px;
    //width: 195px;
    //text-align: center;
    padding: 1px 20px!important;
    //line-height: 51px;
    font-size: 18px;
    color: #fff;
    background: #247382;
    border: 1px solid #247382;
    border-radius: 4px;
    margin-left: 10px;
    height: 30px !important;
    line-height: 30px !important;
    //line-height: 30px !important;
    //background-position: -350px -65px;
    //font-weight: 700;
    cursor: pointer;
    font-family: SourceHanSansCN;
  }
  &.stripe-btn:focus, &.stripe-btn:hover{
    background-color: #41596f;
    border-color:#41596f;
  }
  &.middle-btn {
    display: inline-block;
    height: 22px;
    width: 84px;
    text-align: center;
    line-height: 22px;
    color: #3EC8FF;
    font-size: 12px;
    background-position: -604px -65px;
    cursor: pointer;
  }
  &.small-btn {
    display: inline-block;
    height: 28px;
    width: 58px;
    text-align: center;
    line-height: 28px;
    color: #fff;
    font-size: 12px;
    background-position: -545px -65px;
    cursor: pointer;
  }
}
// 饼图背景图、图标等
.pie-wrap{
  //height: 140px;
  //width:140px;
  //background: url('../images/pie-bgImg.png') no-repeat;
}
.wrap-image-bg {
  background: url('../images/wrap_image_bg.png') no-repeat;
  &.left-bottom-icon {
    width: 25px;
    height: 26px;
    background-position: -422px -76px;
  }
  &.right-top-icon {
    width: 80px;
    height: 76px;
    background-position: -423px 0;
  }
  &.normal-pie-wrap {
    height: 178px;
    width: 422px;
    background-position: 0 0;
  }
  &.layer-pie {
    height: 182px;
    width: 182px;
    &.green {
      background-position: -181px -178px;
    }
    &.yellow {
      background-position: 0 -178px;
    }
  }
}
.page{
  background-color: rgba(10, 31, 53, 1);
}
